<template>
    <el-tabs
      v-model="clusterTable"
      type="border-card"
      style="box-shadow: none; margin-top: 1rem ; margin-bottom: 1rem;"
    >
      <el-tab-pane
        label="参数配置"
        name="0"
      >
        <params v-if="clusterTable == '0'" />
      </el-tab-pane>
      <el-tab-pane
        label="发布服务器配置"
        name="1"
      >
        <serverConfig v-if="clusterTable == '1'" />
      </el-tab-pane>
      <el-tab-pane
        label="发布权限配置"
        name="2"
      >
        <publishUser v-if="clusterTable == '2'" />
      </el-tab-pane>


      <el-tab-pane
        label="数据库连接信息"
        name="3"
      >
        <JDBCconfig v-if="clusterTable == '3'" />
      </el-tab-pane>

      <el-tab-pane
        label="Git配置信息"
        name="4"
      >
        <gitConfig v-if="clusterTable == '4'" />
      </el-tab-pane>


    </el-tabs>
  </template>

  <script>
  import params from './params'
  import publishUser from './publishUser'
  import serverConfig from './serverConfig'
  import JDBCconfig from './JDBCconfig'
  import gitConfig from './gitConfig'

  export default {
    components: {
        params,
        publishUser,
        serverConfig,
        JDBCconfig,
        gitConfig
    },
    data() {
      return {
        clusterTable: '0'
      }
    }
  }
  </script>

  <style lang="scss" scoped>
  </style>
